* {
    padding: 0
}

*,body {
    margin: 0
}

body {
    font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;
    overflow-x: hidden;
    color: #797979
}

body,html {
    background: #fff
}

html {
    position: relative;
    min-height: 100%
}

h1,h2,h3,h4,h5,h6 {
    color: #333;
    font-family: Microsoft YaHei,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif
}

h1 {
    line-height: 43px
}

h2 {
    line-height: 35px
}

h3 {
    line-height: 30px
}

h3 small {
    color: #444
}

h4 {
    line-height: 22px
}

h4 small {
    color: #444
}

h5 {
    font-size: 15px
}

h5 small {
    color: #444
}

p {
    line-height: 1.6
}

* {
    outline: none!important
}

b {
    font-weight: 600
}

a:active,a:focus,a:hover {
    outline: 0;
    text-decoration: none
}

ol,ul {
    list-style: none;
    padding: 0
}

.mall {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.mall2 {
    width: 300px;
}

.mall-index{
    width: 300px;
    margin: 0 auto;
    position: relative;
    min-width:300px;
}
.mall-close {
    background: url(../images/icon_close_default.png) no-repeat 50%
}

.mall-close:hover {
    background: url(../images/icon_close_hover.png) no-repeat 50%
}

.mall-close {
    width: 46px;
    height: 30px;
    background: url(http://test.web.install.office.zhuazi.com/images/icon_close_default.png) no-repeat 50%;
    float: right;
    cursor: pointer
}

.mall-close:hover {
    background: url(http://test.web.install.office.zhuazi.com/images/icon_close_hover.png) no-repeat 50%
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.jihuo-logo1 {
    padding-top: 16px;
}
.jihuo-logo2 {
    margin-left:138px;
}

.jihuo-center h6 {
    font-size:12px;
    color: #de2c2c;
    line-height: 1.2;
    margin-bottom:14px;
    font-weight:600;
}
.jihuo-center h4 {
    font-size:22px;
    color:#444;
    font-weight:500;
    text-align: center;
}

.jihuo-center .jihuo-title {
    margin-top:54px
}

.jihuo-center .jihuo-title2 {
    margin-bottom: 24px
}

.jihuo-center p {
    margin-bottom:34px;
    font-size:12px;
    color:#333;
}

.jihuo-center p span {
    color: #de2c2c;
}
.jihuo-bottom .login-ewm {
    display: block;
    width: 130px;
    height: 130px;
    margin: 5px;
}

.jihuo-bottom {
    text-align: center;
    margin-top:10px;
    background: url(../images/pic_code_bg.png) no-repeat center center;
    width: 140px;
    height:140px;
    background-size:100%;
}

.jihuo-bottom img {
    width: 130px;
    height: 130px;
    margin-top:5px;
}

.jihuo-bottom p {
    font-size: 14px;
    color: #333;
    margin-top: 16px
}

.jihuo-center {
    font-size: 14px;
    color: #444
}

.pay-center {
    margin: 0 130px;
    position: relative
}

.office-family {
    float: left
}

.office-tab {
    width: 362px;
    height: 132px;
    line-height: 38px;
    text-align: center;
    position: relative;
    cursor: pointer
}

.office-family {
    background: url(../images/365home_down.png) no-repeat
}

.office-person {
    background: url(../images/365personal.png) no-repeat
}

.active-family {
    background: url(../images/365home_down.png) no-repeat!important
}

.active-personal {
    background: url(../images/365personal_down.png) no-repeat!important
}

.active-family-out {
    background: url(../images/365home.png) no-repeat!important
}

.active-personal-out {
    background: url(../images/365personal.png) no-repeat!important
}

.office-tab .user-span {
    position: absolute;
    display: inline-block;
    width: 68px;
    height: 16px;
    line-height: 16px;
    background: #d83b01;
    font-size: 12px;
    color: #fff;
    right: 7px;
    top: 7px
}

.office-tab p {
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    color: #444;
    height: 38px;
    line-height: 38px
}

.office-person {
    float: right
}

.pay-title {
    position: relative
}

.pay-detail span {
    position: absolute;
    right: 90px;
    bottom: 6px;
    color: #2b579a;
    font-size: 14px;
    cursor: pointer
}

.pay-bottom {
    position: relative
}

.pay-article-detail {
    border-top: 1px solid #e5e5e5;
    padding-top: 34px
}

.pay-bottom .pay-bottom-left {
    width: 130px;
    height: 130px;
    position: relative;
    background: url(../images/pic_code_bg.png) no-repeat 0 0;
    background-size: 100%
}

.pay-bottom .pay_ali {
    position: absolute;
    left: 154px;
    top: 70px
}

.pay-bottom-left {
    margin-bottom: 15px
}

.pay-bottom-left .ewm {
    width: 122px;
    height: 122px;
    display: inline-block;
    padding: 4px
}

.pay-bottom-title .span1 {
    font-size: 14px;
    color: #2b579a;
    font-weight: 600
}

.pay-bottom-title {
    position: relative;
    float: right
}

.pay-bottom-title .span2 {
    font-size: 12px;
    color: #b0b0b0
}

.kefu {
    position: absolute;
    height: 113px;
    width: 46px;
    right: -134px;
    bottom: 0;
    cursor: pointer
}

.actives {
    border: 2px solid #2b579a
}

.tab-show {
    display: none;
    margin-top: 26px
}

#item-1 {
    display: block
}

.key-center {
    text-align: center
}

.key-center-title h3 {
    margin-top: 20px;
    text-align: center;
    font-size: 32px;
    color: #444;
    font-weight: 500;
    line-height: 1.2
}

.keyword {
    width: 380px;
    height: 38px;
    text-align: center;
    margin: 0 auto
}

.keyword p {
    border: 1px solid #2b579a;
    width: 378px;
    height: 36px;
    line-height: 36px;
    font-size: 16px
}

.key-title,.keyword p {
    text-align: center;
    color: #333
}

.key-title {
    width: 300px;
    margin: 60px auto;
    font-size: 14px;
    line-height: 1.4
}

.key-title .btnclick {
    color: #2b579a;
    cursor: pointer
}


.key-bottom p {
    width: 310px;
    height: 36px;
    background: #2b579a;
    color: #fff;
    display: block;
    text-align: center;
    margin: 17px auto;
    line-height: 36px;
    text-decoration: none;
    cursor: pointer
}
.key-bottom p span{
    border-bottom:1px solid #fff;
}
.btn-k span{
    border-bottom:1px solid #333;
}
.mall-logo {
    padding-top: 30px;
    margin-left: 20px
}

.mall-article {
    margin-top: 26px
}

.jihuo-login {
    position: relative;
    width: 140px;
    margin: 10px 75px;
}

.jihuo-login .jihuo-icon,.login_loading {
    position: absolute;
    left:56px;
    top: 65px;
    width:30px;
    height:30px;
}

.login_loading {
    z-index: 100
}
.jihuo-login p{
    font-size:12px;
    color:#333;
    text-align: center;
}
.login-again {
    position: absolute;
    left:0;
    top: 10px;
    z-index: 1000;
    cursor: pointer;
    display: none;
    width:140px;
}

.pay-bottom .pay-icon {
    position: absolute;
    left: 50px;
    top: 50px;
    width: 30px;
    height: 30px
}

.pay-detail {
    float: left;
    width: 368px;
    padding-right: 53px;
    position: relative
}

.pay-bottom {
    float: right
}

.pay-ewm {
    position: absolute;
    width: 130px;
    height: 130px;
    left: 0;
    top: 0;
    z-index: 100;
    display: none
}

.login-tab {
    text-align: center;
    margin-bottom: 28px;
    font-size: 18px;
    color: #b4b4b4
}

.login-tab .active {
    color: #333
}

.login-show {
    display: none
}

.tab-span {
    cursor: pointer
}

#tab-1 {
    display: block
}

.jihuo-email {
    width: 280px;
    margin: 0 auto
}

.jihuo-email .email-input {
    width: 278px;
    border: 1px solid #0078d7
}

.code-input,.jihuo-email .email-input {
    height: 34px;
    line-height: 34px;
    text-indent: 10px;
    font-size: 16px
}

.code-input {
    width: 174px;
    border: 1px solid #ccc;
    padding-left: 5px
}

.login-code label:hover {
    background: #0067c5
}

.login-code {
    margin-top: 14px
}

.login-code button {
    font-size: 15px;
    display: inline-block;
    width: 94px;
    height: 34px;
    text-align: center;
    background: #a1d5ff;
    line-height: 34px;
    color: #fff;
    cursor: pointer;
    border: 1px solid #a1d5ff
}

.jihuo-email p {
    font-size: 14px;
    margin: 13px 0 0;
    color: #333;
    text-indent: 3px
}

.login-sub {
    width: 280px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #a1d5ff;
    background: #a1d5ff;
    color: #fff;
    cursor: pointer;
    font-size: 18px
}

.jihuo-email .tishi {
    text-align: center
}

.login-err {
    height: 30px;
    font-size: 14px
}

.jihuo-email .tishi,.login-err {
    color: #de2c2c
}
.home{
    width:300px;
    margin:0 auto;
    padding:0 10px;
}
.jihuo-all {
    margin-top:46px;
    font-size:12px;
    color:#333;
    font-weight:500;
}
.jihuo-all p{
    margin-top:5px;
}
.jihuo-all .money{
    color:#de2c2c;
    font-weight:600;
}
.pay-bottom-left img {
    max-width:100%;
    width: 130px;
    height: 130px;

}
.layer{
    width:406px;
    height:192px;
    position: absolute;
    left:287px;
    top:211px;
    display: none;
}
.layer1{
    background:url(../images/tip_bg1.png) no-repeat;
}
.layer2{
    background:url(../images/tip_bg2.png) no-repeat;
}
.lay-close{
    margin-top:8px;
    margin-right:12px;
    height:46px;

}
.lay-close img{
    float:right;
    cursor: pointer;
}
.clearfix{
    zoom:1;
}
.layer-btn{
    margin:70px auto;
    text-align: center;
}
.layer-btn .btns{
    width:77px;
    height:28px;
    font-size:12px;
    background: #fff;
    cursor: pointer;

}
.layer-btn .btn-no{
    margin-right:15px;
    color:#333;
    border:1px solid #0078d7;
}
.layer-btn .btn-yes{;
    color:#fff;
    background:#0078d7;
    border:1px solid #0078d7;
}
.layer-btn .btn-yes:hover{
    background:#0067c5;
}
.layer-btn .btn-no:hover{
    background:#e5f1fb;
}
.login-success{
    margin-top:182px;
    text-align:center;
}
.jihuo-key{
    margin-left: 134px;
}